<template>
    <div class="page">
        <div class="line">
            <vg-radio v-model="checked" ></vg-radio>
            <vg-radio v-model="checked" size="60"></vg-radio>
            <vg-radio v-model="checked"  size="60" :circle="false"></vg-radio>
            <vg-radio v-model="checked" ></vg-radio>
            <vg-radio v-model="checked"  size="15"></vg-radio>
            <vg-radio v-model="checked"  size="15" :circle="false"></vg-radio>
        </div>
    
    </div>
    </template>
    <script>
    import vgRadio from "../packages/radio"
    import { defineComponent, ref } from 'vue';
    export default defineComponent({
        components:{vgRadio},
        setup(){
            const checked = ref(false)
            function checkedMe(){
                checked.value =!checked.value
            }
            return {
                checkedMe,
                checked
            }
        }
    })
    </script>
    <style lang="scss">
    .line{
        margin-bottom: 32px;
        button{
            margin-right: 8px;
        }
    }
    </style>